@charset "utf-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*! reset.css */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

iframe {
    display: block;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}

input:required {
    border: none;
    box-shadow: none;
}

input:invalid {
    background-color: transparent;
    box-shadow: none;
}

:focus {
    -moz-outline-style: none;
    outline: 0;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ovh {
    overflow: hidden;
}

.table {
    display: table;
}

.table-cell {
    display: table-cell;
}

a {
    color: #555;
    cursor: pointer;
    text-decoration: none;
}

@font-face {
    font-family: 'iconfont';
    src: url('iconfont.woff') format('woff');
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('SourceHanSansCN-Medium.woff') format('woff');
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    /*-webkit-text-stroke-width: 0.001rem;*/
    -moz-osx-font-smoothing: grayscale;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.flex-middle {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.flex-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.fx1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
}
.spab {
	justify-content: space-between;
}

html {
    height: 100%;
}

body {
    font-family: "Microsoft Yahei", Arial;
    overflow: hidden;
    position: relative;
    background: #0f2438;
    height: 100%;
    margin: 0 auto;
    min-width: 1260px;
}

header {
    background: #2a3f56;
    height: 50px;
    position: relative;
    z-index: 9;
    box-shadow: 0 0 12px rgba(0, 0, 0, .38);
}

.header-left {
    width: 256px;
    padding: 0 0 0 65px;
}

.header-tit {
    display: block;
    font-size: 24px;
    color: #fff;
    font-family: '宋体';
}

.menu {
    cursor: pointer;
    color: #fff;
    font-size: 21px;
    margin-top: 2px;
    user-select: none;
}

.where {
    margin-left: 24px;
    line-height: 30px;
    overflow: hidden;
}

.where a {
    display: block;
    color: #fff;
    font-size: 16px;
    float: left;
}

.where span {
    display: block;
    float: left;
    margin: 0 15px;
    color: #b5b6b8;
}

.where a.cur {
    color: #c7c8c8;
}

.search {
    margin-right: 30px;
}

.search form {
    display: block;
    height: 30px;
    position: relative;
}

.search-txt {
    width: 400px;
    height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #6d7b8a;
    background: transparent;
    font-size: 16px;
    padding: 0 0 0 18px;
    outline: none;
    border-radius: 0;
    color: #fff;
}

.search-btn {
    color: #fff;
    font-size: 20px;
    width: 56px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    user-select: none;
}

.notice {
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: 50px;
    cursor: pointer;
}

.notice-btn {
    color: #fff;
    font-size: 22px;
    display: block;
    text-align: center;
    line-height: 30px;
    user-select: none;
}

.notice-num {
    position: absolute;
    color: #fff;
    background: #e60012;
    border-radius: ;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    display: block;
    padding: 0 8px;
    border-radius: 16px;
    top: 0;
    right: -10px;
    user-select: none;
}

.notice-wrapper {
    background: #314c67;
    box-shadow: 0 0 12px rgba(0, 0, 0, .35);
    position: absolute;
    z-index: 8;
    top: 50px;
    right: 40px;
    width: 480px;
}

.notice-wrapper:before,
.user-menu:before {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(top, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 0;
}

.notice-wrapper-tab {
    justify-content: space-around;
    position: relative;
    padding: 0 10px;
    z-index: 1;
}

.notice-wrapper-tab:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #6d6d6d;
    pointer-events: none;
}

.notice-wrapper-tab li {
    line-height: 60px;
    cursor: pointer;
    color: #c1c1c1;
    position: relative;
}

.notice-wrapper-tab li.on {
    color: #fff;
}

.notice-wrapper-tab li.on:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #5ee4f4;
    pointer-events: none;
}

.notice-list {
    padding: 0 16px;
    display: none;
}

.notice-list a {
    line-height: 40px;
    font-size: 16px;
    position: relative;
    padding-left: 17px;
    height: 40px;
    overflow: hidden;
}

.notice-list a:before {
    content: '\e636';
    font-family: 'iconfont';
    color: #95cffe;
    font-size: 19px;
    line-height: 40px;
    display: block;
    margin-right: 19px;
}

.notice-list li {
    padding: 11px 0;
}

.notice-list li:not(:last-of-type) {
    border-bottom: 1px solid #627589;
}

.notice-list p {
    color: #fff;
    white-space: nowrap;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 30px;
}

.notice-list span {
    color: #bdc7d2;
}

.user {
    cursor: pointer;
    padding: 0 24px 0 40px;
    position: relative;
    color: #fff;
    font-size: 16px;
    margin-right: 20px;
    user-select: none;
}

.user>p {
    line-height: 30px;
}

.user:before {
    content: '\e65b';
    font-family: 'iconfont';
    color: #fff;
    background: #0c87ef;
    font-size: 17px;
    line-height: 30px;
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    border-radius: 30px;
}

.user:after {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #fff;
}

.user-menu {
    position: absolute;
    top: 50px;
    right: 0;
    width: 235px;
    background: #314c67;
    box-shadow: 0 0 12px rgba(0, 0, 0, .35);
    font-size: 16px;
    z-index: 8;
}

.user-menu-welcome {
    color: #fff;
    line-height: 50px;
    border-bottom: 1px solid rgba(229, 229, 229, .12);
    padding-left: 28px;
    position: relative;
    z-index: 1;
}

.user-menu-list a {
    line-height: 47px;
    padding-left: 28px;
}

.user-menu-list i {
    display: block;
    font-size: 18px;
    color: #fff;
    width: 34px;
}

.user-menu-list p {
    color: #bdc7d2;
}

.user-menu-list li:nth-of-type(2),
.user-menu-list li:nth-of-type(3) {
    border-bottom: 1px solid rgba(229, 229, 229, .12);
}

.user-menu-list a:hover {
    background: #507ce8;
}

.user-menu-list a:hover p {
    color: #fff;
}

.main {
    height: calc(100vh - 50px);
}

nav {
    width: 240px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .7);
    background: #132138;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    z-index: 1;
}

.main-tab {
    height: 48px;
    overflow: hidden;
    background: #273c53;
    position: relative;
    z-index: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .12);
    min-width: 1680px;
}

.main-tab li {
    float: left;
}

.main-tab li a {
    font-size: 14px;
    color: #fff;
    line-height: 48px;
    display: block;
    position: relative;
    padding: 0 52px;
}

.main-tab li.on a {
    font-weight: bold;
    background: #0f2438;
}

.main-tab li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 33px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(74, 164, 183, .18);
}

.main-tab li.on a:after {
    display: none;
}

.main-inside {
    padding: 14px 18px 0 16px;
    width: 100%;
    min-width: 1680px;
}

.main-wrapper {
    overflow-x: auto;
}

.main-item {
    background: #2a3f56;
}

.mb14 {
    margin-bottom: 14px;
}

.mr14 {
    margin-right: 14px;
}

.mt14 {
    margin-top: 14px;
}

.main-item-head {
    position: relative;
    line-height: 40px;
    height: 40px;
    padding-left: 20px;
}

.main-item-head:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(229, 229, 229, .27);
    pointer-events: none;
    z-index: 0;
}

.main-item-head i {
    display: block;
    float: left;
    font-size: 14px;
    color: #5ee4f4;
    height: 40px;
    overflow: hidden;
    line-height: 42px;
}

.main-item-head p {
    float: left;
    font-size: 14px;
    color: #fffefe;
    font-weight: bold;
    margin-left: 10px;
}

.main-item-head>div {
    float: left;
    height: 40px;
    margin-right: 45px;
    cursor: pointer;
    position: relative;
}

.main-item-head>div.not-selected p {
    font-weight: normal;
}

.main-item-head>div.not-selected i {
    color: #c1c1c1;
}

.data-total {
    height: 320px;
}

.main-chart {
    width: 20%;
    position: relative;
    height: 280px;
}

.data-total .flex>div:not(:last-of-type):after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 260px;
    right: 0;
    top: 10px;
    background: rgba(238, 238, 238, .16);
}

.main-chart-inside {
    padding: 10px 4.8% 0;
}

.main-chart-head {
    height: 20px;
    margin-bottom: 20px;
}

.main-chart-head p {
    float: left;
    font-size: 14px;
    color: #c1c1c1;
    font-weight: bold;
    line-height: 20px;
    position: relative;
    padding-left: 8px;
}

.main-chart-head p:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
    width: 4px;
    height: 12px;
    background: #2e7bb3;
}

.main-tips {
    display: block;
    float: right;
    cursor: pointer;
    position: relative;
}

.main-tips .iconfont {
    font-size: 20px;
    color: #7c8692;
}

.main-tips:hover .iconfont {
    color: #cdcdcd;
}

.main-tips-txt {
    position: absolute;
    top: 20px;
    padding-top: 18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    z-index: 7;
}

.main-tips-txt .txt {
    font-size: 12px;
    color: #bdc7d2;
    line-height: 1.5;
    padding: 10px 15px;
    white-space: nowrap;
    background: #314c67;
    box-shadow: 0 0 10px rgba(0, 0, 0, .35);
    position: relative;
}

.main-tips-txt .txt:before {
    background-color: #314c67;
    box-shadow: -2px 2px 2px 0 rgb(0 0 0 / 15%);
    content: "\00a0";
    display: block;
    left: 50%;
    position: absolute;
    top: -8px;
    transform: rotate(45deg);
    -moz-transform: translateX(-50%) rotate(135deg);
    -ms-transform: translateX(-50%) rotate(135deg);
    -o-transform: translateX(-50%) rotate(135deg);
    -webkit-transform: translateX(-50%) rotate(135deg);
    width: 16px;
    height: 16px;
}

.main-tips:hover .main-tips-txt {
    display: block;
}

.tips-fix .main-tips-txt {
    left: auto;
    right: -25px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.tips-fix .main-tips-txt .txt:before {
    left: auto;
    right: 28px;
    -moz-transform: translateX(0) rotate(135deg);
    -ms-transform: translateX(0) rotate(135deg);
    -o-transform: translateX(0) rotate(135deg);
    -webkit-transform: translateX(0) rotate(135deg);
}

.main-chart-table {
    justify-content: space-between;
    width: 100%;
}

.main-chart-table dl {
    width: 49%;
    border: 1px solid rgba(238, 238, 238, .27);
    font-size: 12px;
    border-bottom: none;
}

.main-chart-table dt {
    color: #fff;
    background: #6f8092;
    padding-left: 8px;
}

.main-chart-table dd {
    color: #bdc7d2;
    padding-left: 10px;
}

.main-chart-table dt,
.main-chart-table dd {
    height: 51px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    border-bottom: 1px solid rgba(238, 238, 238, .27);
}

.main-chart-table dd strong {
    color: #fff;
    font-size: 18px;
}

.main-chart-table dd .up,
.main-chart-table dd .down {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #e60012;
}

.main-chart-table dd .down {
    color: #07d240;
}

.main-chart-table dd .up:after,
.main-chart-table dd .down:after {
    content: '\e60d';
    font-family: 'iconfont';
    font-size: 18px;
    color: #e60012;
    margin-left: 5px;
    display: inline-block;
}

.main-chart-table dd .down:after {
    color: #07d240;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.main-item-1,
.main-item-2,
.main-item-3 {
	height: 470px;
}
.main-item-1 {
    width: 350px;
    width: calc((100% - 28px) * 0.22);
}

.main-item-2 {
    width: 650px;
    width: calc((100% - 28px) * 0.4);
}

.main-item-3 {
    width: 620px;
    width: calc((100% - 28px) * 0.38);
}

.main-item-1 .main-item-head>div:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 9px;
    height: 9px;
    background: #2a3f56;
    border: 1px solid rgba(229, 229, 229, .27);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: none;
    border-top: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}

.main-item-1 .main-item-head>div.not-selected:after {
    display: none;
}

.work-progress {	
    padding: 0 4%;
}
.work-progress-tab {
    overflow: hidden;
    margin-top: 14px;
}

.work-progress-tab a {
    display: block;
    float: left;
    font-size: 14px;
    color: #7386a6;
    border: 1px solid #7386a6;
    width: 106px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    margin-right: 2px;
}

.work-progress-tab a.on {
    color: #fff;
    background: #7386a6;
}

.work-progress-wrapper {
    margin-top: 32px;
    display: none;
}

.work-progress-percent li {
    height: 24px;
    line-height: 24px;
    color: #bdc7d2;
    font-size: 14px;
}

.work-progress-percent .tit {
    width: 70px;
}

.work-progress-percent .num {
    width: 45px;
    text-align: right;
}

.work-progress-percent .bg {
    background: -webkit-linear-gradient(right, #1c71c8 0%, #577adf 33%, #43bbff 100%);
    background: -o-linear-gradient(right, #1c71c8 0%, #577adf 33%, #43bbff 100%);
    background: -moz-linear-gradient(right, #1c71c8 0%, #577adf 33%, #43bbff 100%);
    background: linear-gradient (to left, #1c71c8 0%, #577adf 33%, #43bbff 100%);
    height: 6px;
    position: relative;
}

.work-progress-percent .bg span {
    display: block;
    height: 6px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #44566a;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.work-progress-info {
	color: #fff;
	margin-top: 13px;
	justify-content: space-between;
}
.work-progress-info li {
	width: 32.3%;
	text-align: center;
}
.work-progress-info .tit {
	font-size: 14px;
	background: #738395;
	line-height: 32px;
}
.work-progress-info .info {
	line-height: 14px;
	font-size: 12px;
	color: #bdc7d2;
	padding: 8px 0;
	border-bottom: 1px solid #5f6e7f;
}
.work-progress-info .info strong {
	color: #fff;
	display: inline-block;
	margin-right: 3px;
	font-size: 13px;
}
.rank-tab {
	overflow: hidden;
	line-height: 30px;
	height: 30px;
}
.rank-tab a {
	width: 50%;
	display: block;
	font-size: 14px;
	color: #bdc7d2;
	text-align: center;
	float: left;
	position: relative;
	background: #617181;
}
.rank-tab a.on:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #5ee4f4;
	pointer-events: none;
}
.rank-tab a.on {
	color: #5ee4f4;
}
.rank-wrapper {
	margin-top: 15px;
	padding: 0 3%;
}
.rank-second-tab {
	justify-content: space-between;
}
.rank-second-tab li {
	border: 1px solid #7386a6;
	line-height: 30px;
	font-size: 14px;
	color: #7386a6;	
	text-align: center;
	cursor: pointer;
	margin: 0 1px;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
.rank-second-tab li.on {
	color: #fff;
	background: #7386a6;
}
.rank-list {
	margin-top: 24px;
	display: none;
}
.rank-list table {
	width: 100%;
	color: #bdc7d2;
	font-size: 14px;
}
.rank-list td {
	width: 33.3%;
	text-align: center;
	height: 28px;
}
.rank-list .top1,
.rank-list .top2,
.rank-list .top3 {
	color: #fff;
}
.rank-list .top1 span,
.rank-list .top2 span,
.rank-list .top3 span {
	width: 22px;
	height: 22px;
	display: inline-block;
	line-height: 22px;
	text-align: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.rank-list .top1 span {
	background-image: url(../images/top1.png);
}
.rank-list .top2 span {
	background-image: url(../images/top2.png);
}
.rank-list .top3 span {
	background-image: url(../images/top3.png);
}
.rank-wrapper {
	display: none;
}
.main-item-2 .main-item-head .main-tips,
.main-item-3 .main-item-head .main-tips {
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	margin-right: 20px;
}
.main-tab-swiper {
	position: relative;
	height: 32px;
	margin-top: 14px;
	padding: 0 24px;
}
.main-tab-swiper .swiper-slide {
	width: auto;
	user-select: none;
}
.main-tab-swiper .swiper-slide a {
	display: inline-block;
	padding: 0 11px;
	line-height: 30px;
	font-size: 14px;
	color: #7386a6;
	border: 1px solid #7386a6;
	user-select: none;
}
.main-tab-swiper .swiper-slide.on a {
	color: #fff;
	font-weight: bold;
	background: #7386a6;
}
.main-tab-swiper .swiper-button-prev,
.main-tab-swiper .swiper-button-next {
	font-size: 18px;
	width: 24px;
	height: 32px;
	color: #bfbfbf;
	padding: 0;
	margin: 0;
	top: 0;
	user-select: none;
    z-index: 1;
}
.main-tab-swiper .swiper-button-prev {
	left: 0;
}
.main-tab-swiper .swiper-button-next {
	right: 0;
}
.main-tab-swiper .swiper-button-prev:after,
.main-tab-swiper .swiper-button-next:after {
	font-size: 18px;
}
.history-data-tab {
	justify-content: center;
	margin-top: 14px;
}
.history-data-tab li {
	line-height: 30px;
	font-size: 14px;
	color: #7386a6;
	border: 1px solid #7386a6;
	margin: 0 1px;
	width: 116px;
	text-align: center;
	cursor: pointer;
	user-select: none;
}
.history-data-tab li.on {
	color: #fff;
	font-weight: bold;
	background: #7386a6;
}



body.login .login-header {
    background: url(../images/login_header.png) repeat-y center;
}
.login-content {
    height: 680px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 65px;
} 
.login-content-left {
    position: absolute;
    top: 205px;
    left: -33px;
    width: 606px;
    text-align: center;
    color: #fff;
}
.login-content-left h3 {
    font-size: 45px;
    font-weight: bold;
    line-height: 1.2;
    text-shadow: 0 2px 8px rgba(0,0,0,.44);
    font-family: '宋体';
}
.login-content-left h4 {
    font-size: 22px;
    font-weight: bold;
    background: url(../images/login_txt.png) no-repeat 0 0;
    height: 61px;
    line-height: 61px;
    margin-top: 28px;
    position: relative;
}
.login-content-left h4:after {
    content: '';
    display: block;
    position: absolute;
    top: -13px;
    left: 0;
    background: url(../images/login_light.png) no-repeat center;
    width: 100%;
    height: 157px;
    pointer-events: none;
}
.login-form {
    position: absolute;
    top: 65px;
    right: 0;
    background: #fff;
    box-shadow: 0 0 18px rgba(0,0,0,.22);
    width: 500px;
    height: 550px;
}
.login-form-tab {
    background: #f5f5fc;
    overflow: hidden;
}
.login-form-tab a {
    float: left;
    width: 25%;
    line-height: 50px;
    color: #565656;
    font-size: 14px;
    text-align: center;
    display: block;
    position: relative;
}
.login-form-tab a.on {
    font-weight: bold;
    color: #000;
    background: #fff;
}
.login-form-tab a.on:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #507ce9;
    pointer-events: none;
}
.login-form-padding {
    padding: 64px 75px 0;
}
.login-form label {
    display: block;
    position: relative;
}
.login-item {
    margin-bottom: 10px;
}
.login-item input {
    border: 1px solid #e5e5e5;
    height: 50px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 57px;
    font-size: 16px;
    color: #000;
}
.login-form label:before {
    content: '';
    font-family: 'iconfont';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 100%;
    line-height: 50px;
    color: #2c2c2c;
    font-size: 22px;
    text-align: center;
    pointer-events: none;
}
.login-form label:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 45px;
    background: #f1f1f1;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    pointer-events: none;
}
.login-form .name:before {
    content: '\e6f3';
}
.login-form .password:before {
    content: '\e61d';
}
.login-form .code:before {
    content: '\e638';
    font-size: 13px;
}
.login-form .code {
    width: 190px;
    float: left;
}
.login-form .img {
    width: 100px;
    height: 38px;
    margin-top: 6px;
    margin-left: 13px;
    cursor: pointer;
}
.login-form .refresh {
    font-size: 29px;
    color: #bfbfbf;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    margin-top: 6px;
}
.login-form-tips {
    font-size: 14px;
    color: #999;
    line-height: 1;
    margin-bottom: 32px;
}
.login-form .submit,
.login-form .entry {
    color: #fff;
    height: 50px;
    border: none;
    outline: none;
    cursor: pointer;
    width: 100%;
    display: block;
    background: #507ce9;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
.login-form .entry  {
    background: #2f4054;
    text-align: center;
    line-height: 50px;
}
.login-form-links {
    justify-content: space-around;
    margin-top: 22px;
}
.login-form-links a {
    display: block;
    font-size: 14px;
    color: #519dd8;
    line-height: 1.5;
}
.login-form-links a:hover {
    text-decoration: underline;
}





.login-header {
    height: 110px;
}

.logo {
    margin-top: 18px;
}

.login-header .txt {
    font-size: 22px;
    color: #fff;
    line-height: 32px;
    font-weight: bold;
    margin: 23px 0 0 33px;
    font-family: 'SourceHanSansCN';
}
.content {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

body.login {
    background: url(../images/login_bg.jpg) center bottom;
    background-size: cover;
    background-attachment: fixed;
    height: auto;
    overflow-y: auto;
}
footer {
    background: rgba(4, 40, 96, .72);
    height: 150px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    padding-top: 22px;
    position: relative;
}

footer a {
    color: #fff;
}

footer a:hover {
    text-decoration: underline;
}

footer .line {
    margin: 0 12px;
}

footer .icon {
    display: block;
    position: absolute;
    top: 47px;
    left: 50%;
    margin-left: -456px;
    background: url(../images/dzjg.png) no-repeat 0 0;
    width: 44px;
    height: 56px;
}